<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>查询历史</title>
    <link rel="stylesheet/less" href="./asset/less/history.less">
    <script src="./asset/js/less.js"></script>
    <link rel="stylesheet" href="./asset/fontAwesome/css/font-awesome.min.css">
</head>

<body>
    <div class="header">
        <a href="index.html">
            <i class="fa fa-angle-left"></i>
        </a>
        <h1>历史价格查询</h1>
    </div>

    <!-- 主体部分 -->
    <div class="main">
        <p class="title">商品链接</p>
        <input class="searchgoods" type="text" placeholder="请通过购物App中使用分享或浏览器打开商品页面获取商品链接">
        <div class="btn">
            <input type="submit" class="search" value="查询历史价格">
            <input type="button" class="rest" value="重置">
        </div>

        <div class="notice">
            <div class="hd">两步操作即可识别商品真假促销</div>
            <div class="bd">
                <p>1.打开购物APP（如手机淘宝）复制商品链接</p>
                <p>2.打开慢慢买APP，系统自动识别查历史价</p>
            </div>
        </div>
    </div>


    <!-- 广告部分 -->
    <div id="advertisement">
        <a class="closefix" href="javascript:;"></a>
        <div class="icon"></div>
        <p class="titlefix">实时更新品牌榜</p>
        <p class="describe">全网比价不吃亏</p>
        <a class="download-btn" href="#" onclick="trackEvent('底部悬浮下载');">立即打开</a>
    </div>


</body>
<script src="./asset/jquery/jquery-1.12.4.js"></script>
</html>

<script>
    $('.closefix').on('click',function () {
        $('#advertisement').css('display','none');
    })
</script>